<HTML>
<HEAD>
<TITLE> Office 风格颜色选择器</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script type="text/javascript" src="http://localhost:8083/js/tools/jquery-1.6.1.min.js"></script>

<link rel="stylesheet" media="screen" type="text/css" href="http://localhost:8083/js/tools/colorpicker/css/colorpicker.css" />

<script type="text/javascript" src="http://localhost:8083/js/tools/colorpicker/js/colorpicker.js"></script>


</HEAD>

<BODY>

<input type="text" maxlength="6" size="6" id="colorpicker" value="00ff00">

<script language=javascript>
<!--
//$('#colorpicker').ColorPicker();

$('#colorpicker').ColorPicker({
	onSubmit: function(hsb, hex, rgb, el) {
		$(el).val(hex);
		$(el).ColorPickerHide();
	},
	onBeforeShow: function () {
		$(this).ColorPickerSetColor(this.value);
	}
})
.bind('keyup', function(){
	$(this).ColorPickerSetColor(this.value);
});

//-->
</script>
</BODY>
</HTML>